<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/" >
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>城市列表-家政网</title>
    <meta name="keywords" content="保姆、月嫂">
    <meta name="description" content="">
    <meta name =“apple-mobile-web-app-capable”content =“yes”/>  
    <meta name =“apple-mobile-web-status-bar-style”content =“block”/>  
    <link rel="icon" href="./images/icon.icon" type="images/x-icon">
    <link rel="stylesheet" href="./css/city.css">
    <link rel="stylesheet" href="./css/base.css">

</head>
<body>
    <!-- logo -->
    <header>
        <div class="header-logo">
            <a href="">
                <span class="logo-icon"></span>
            </a>
        </div>
        <div class="header-search">
            <a href="">深圳 v</a>
            <input type="text" value="搜索">
        </div>
    </header>    
    <!-- 当前城市 -->
    <div class="location-city">
        <span>进入当前城市&gt;&gt;</span> <a href="">深圳市</a>
    </div>

    <div class="city">
        <ul class="city-container">
            <li class="city-items clear">
                <span  class="city-zm">B</span>
                <span class="city-province">北京</span>
                <a href="">北京</a>

            </li>
            <li class="city-items clear">
                    <span  class="city-zm">C</span>
                    <span class="city-province">重庆</span>
                    <a href="">重庆</a>
            </li>

            <li class="city-items clear">
                    <span  class="city-zm">G</span>
                    <span class="city-province">广东</span>
                    <a href="">广州</a>
                    <a href="">深圳</a>
                    <a href="">东莞</a>
                    <a href="">东莞</a>
                    <a href="">东莞</a>
                    <a href="">东莞</a>
                    <a href="">东莞</a>
                    <a href="">东莞</a>
            </li>
            <li class="city-items clear">
                    <span  class="city-zm">H</span>
                    <span class="city-province">湖南</span>
                    <a href="">长沙</a>
            </li>
            <li class="city-items clear">
                    <span  class="city-zm">H</span>
                    <span class="city-province">武汉</span>
                    <a href="">武汉</a>
            </li>
            <li class="city-items clear">
                    <span  class="city-zm">J</span>
                    <span class="city-province">江苏</span>
                    <a href="">南京</a>
                    <a href="">苏州</a>

            </li>
            <li class="city-items clear">
                    <span  class="city-zm">L</span>
                    <span class="city-province">辽宁</span>
                    <a href="">沈阳</a>
                    <a href="">大连</a>

            </li>
            <li class="city-items clear">
                    <span  class="city-zm">S</span>
                    <span class="city-province">四川</span>
                    <a href="">成都</a>
            </li>

            

            <li class="city-items clear">
                    <span  class="city-zm">S</span>
                    <span class="city-province">四川</span>
                    <a href="">成都</a>
            </li>

            <li class="city-items clear">
                    <span  class="city-zm">S</span>
                    <span class="city-province">四川</span>
                    <a href="">成都</a>
            </li>
            <li class="city-items clear">
                    <span  class="city-zm">S</span>
                    <span class="city-province">四川</span>
                    <a href="">成都</a>
            </li>
            <li class="city-items clear">
                    <span  class="city-zm">S</span>
                    <span class="city-province">四川</span>
                    <a href="">成都</a>
            </li>
            <li class="city-items clear">
                    <span  class="city-zm">S</span>
                    <span class="city-province">四川</span>
                    <a href="">成都</a>
            </li>
        </ul>
    </div>

        <!-- 版权信息 -->
    <div class="footer">
        <div class="footer-container">
            <p>家政网，你的专业私人管家助手</p>
            <p>家政热线：<span>400-200-300</span>&nbsp;&nbsp;&nbsp;<span>031-516-511</span></p>
            <p class="footer-contact">
                <a href="">成为合伙人</a> |
                <a href="">关于我们</a> |
                <a href="">意见反馈</a> |   
                <a href="">在线招聘</a>
            </p>
        </div>
    </div>

    <!-- 悬浮导航 -->
    <div class="suspend-footer">
        <ul class="suspend-container">
            <li class="suspend-list">
                <a href="">
                    <div><span class="home-icon suspend-icons"></span></div>
                    <div class="home-title">首页</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="publish-icon suspend-icons"></span></div>
                    <div class="home-title">发布</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="information-icon suspend-icons"></span></div>
                    <div class="home-title">消息</div>
                </a>
            </li>
            <li class="suspend-list">
                <a href="">
                    <div><span class="user-icon suspend-icons"></span></div>
                    <div class="home-title">我的</div>
                </a>
            </li>
        </ul>
    </div>
</body>
</html>